

:root {
    --trans-light: rgba(172, 172, 172, 0.08);
    --trans-dark: rgba(185, 183, 183, 0.08);
    --border-style: 1px solid rgb(122, 120, 120, 0.93);
    --backdrop-filter: blur(1px) saturate(50%);

    
  }
  
  /* 首页文章卡片 */
  #recent-posts > .recent-post-item {
    background: var(--trans-light);
    backdrop-filter: var(--backdrop-filter);
    border-radius: 25px;
    border: var(--border-style);
  }
  
  /* 首页侧栏卡片 */
  #aside-content .card-widget {
    background: rgba(255, 255, 255, 0.0);

    border-radius: 25px;


  }
  
  /* 文章页、归档页、普通页面 */
  div#post,
  div#page,
  div#archive {
    background: var(--trans-light);

    border: var(--border-style);
    border-radius: 20px;
  }
  

  
  /* 页脚透明 */
  #footer {
      /* 以下代表透明度为0.7 */
      background: rgba(255,255,255, .0);
  }
  
  
  
  [data-theme="dark"] #page-header.nav-fixed #nav {
    background: rgba(0, 0, 0, 0.87) !important;
  }
  
  /* 夜间模式遮罩 */
  [data-theme="dark"] #recent-posts > .recent-post-item,

  [data-theme="dark"] div#post,
  [data-theme="dark"] div#archive,
  [data-theme="dark"] div#page {
    background: var(--trans-dark);
  }
  
  
  /* 夜间模式页脚页头遮罩透明 */
  [data-theme="dark"] #footer::before {
    background: transparent !important;
  }
  [data-theme="dark"] #page-header::before {
    background: transparent !important;
  }
  
  /* 阅读模式 */
  .read-mode #aside-content .card-widget {
    background: rgba(158, 204, 171, 0.07) !important;
  }
  .read-mode div#post {
    background: rgba(158, 204, 171, 0.07) !important;
  }
  
  /* 夜间模式下的阅读模式 */
  [data-theme="dark"] .read-mode #aside-content .card-widget {
    background: rgba(25, 25, 25, 0.07) !important;
    color: #ffffff;
  }
  [data-theme="dark"] .read-mode div#post {
    background: rgba(25, 25, 25, 0.07) !important;
    color: #ffffff;
  }


/*页码按钮美化*/
.layout>.recent-posts .pagination> {
  display: inline-block;
  margin: 0 6px;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
}

/*页码按钮圆角*/
#pagination .page-number.current {
    border-radius: 7px;
}


/* 翻页按钮居中 */
#pagination {
  width: 100%;
  margin: auto;
}



/*图片圆角*/
#article-container img {
  border-radius: 15px;
}

